명령어 복습하기
\n프로젝트 생성하기\nnpm init react-app .\n터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다.
\n개발 모드 실행하기\nnpm start (npm run start)\n터미널에서 npm run start를 입력하면 개발 모드 서버가 실행됩니다.
\n실행 중인 서버 종료하기\nctrl + c\n서버가 실행 중인 터미널에서 ctrl + c를 입력하면 서버가 종료됩니다.
\n개발된 프로젝트 빌드하기\nnpm run build\n터미널에서 npm run build를 입력하면 빌드를 시작합니다.
\n빌드한 것 로컬에서 실행하기\nnpx serve build\n터미널에서 npx serve build를 입력하면 serve 프로그램을 다운 받고 build 폴더에서 서버가 실행됩니다.
","excerpt":"명령어 복습하기 프로젝트 생성하기\nnpm init react-app .\n터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다. 개발 모드 실행하기\nnpm start (npm…","tableOfContents":"","fields":{"slug":"/React-study_6/"},"frontmatter":{"title":"React 배포하기","date":"Sep 01, 2021","tags":["react"],"keywords":["Dev.seungwon Jang","seungwon Jang"],"update":"Sep 01, 2021"}}},"pageContext":{"slug":"/React-study_6/","series":[{"slug":"/React-study_1/","title":"React JSX 문법","num":1},{"slug":"/React-study_2/","title":"React commponent 문법","num":2},{"slug":"/React-study_3/","title":"React Props 문법","num":3},{"slug":"/React-study_4/","title":"React state 정리하기","num":4},{"slug":"/React-study_5/","title":"React 디자인 적용하는 방법과 팁","num":5},{"slug":"/React-study_6/","title":"React 배포하기","num":6}],"lastmod":"2021-09-01"}},"staticQueryHashes":["2027115977","694178885"]}